<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>活动查看</title>
<link rel="stylesheet" type="text/css" href="css/weal.css"/>
<link rel="stylesheet" type="text/css" href="css/active_static.css"/>
</head>

<body>

<div id="wrapper">
	
	<div class="weal-dtlMod">
		<h5 class="title bottom-line dm-clearfix">
			<span class="txt">活动查看</span>
			<input class="edit-btn" type="button" value="一键导出Excel" />
			<input class="bg-m" type="button" value="返回" />
		</h5>
		
		<ul class="act_dtl dm-clearfix bottom-line">
			<li class="photo cover dm-left">
				<img :src="wealDtl.cover" />
			</li>
			<li class="info dm-left">
				<table cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<td class="tr">活动名称：</td>
						<td class="tl">{{wealDtl.name}}</td>
					</tr>
					<tr>
						<td class="tr">活动类型：</td>
						<td class="tl">
							<template v-if="wealDtl.type == 0">砍价活动</template>
							<template v-else-if="wealDtl.type == 1">瓜分红包活动</template>
							<template v-else>报名活动</template>
						</td>
					</tr>
					<tr>
						<td class="tr">有效期：</td>
						<td class="tl">{{wealDtl.start +'-'+ wealDtl.end}}</td>
					</tr>
				</table>
			</li>
		</ul>
		
		<div class="weal-info tc" style="margin-top: 20px;">
			<table class="dm-table" border="1" bordercolor="#ddd" cellpadding="0" cellspacing="0">
				<tr>
					<th width="30">序号</th>
					<th>用户姓名</th>
					<th>手机号</th>
					<th>会员等级</th>
					<th>所属地区</th>
					<th>报名日期</th>
				</tr>
				<tr v-for="(item,index) in activeData">
					<td>{{index+1}}</td>
					<td>{{item.name}}</td>
					<td>{{item.phone}}</td>
					<td>{{item.level}}</td>
					<td>{{item.area}}</td>
					<td>{{item.time}}</td>
				</tr>
			</table>
		</div>
		
		<div class="pageMod">
			<input type="button" class="first-btn" value="首页" />
			<input type="button" class="prev-btn" value="上一页" />
			<div class="page-box">
				<a class="on">1</a>
				<a>2</a>
				<a>3</a>
				<a>4</a>
				<span>…</span>
				<a>100</a>
			</div>
			<input type="button" class="next-btn" value="下一页" />
			<input type="button" class="last-btn" value="末页" />
		</div>
			
				
	</div>
	
</div>

<script src="js/lib/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="data/data.js" type="text/javascript" charset="utf-8"></script>


<script type="text/javascript">
	var vm = new Vue({
		el:'#wrapper',
		data:{
			wealDtl:data.active[1],
			activeData:data.joinData,
		},
	});
</script>

</body>
</html>
